<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,maximum-scale=1">
    <title>问卷添加</title>
    <link href="public/css/header.css" rel="stylesheet" type="text/css">
    <link href="public/css/container.css" rel="stylesheet" type="text/css">
    <script src="../public/jQuery/jQuery-2.1.3.min.js"></script>
    <script src="../public/js/publicjs.js"></script>
    <script src="public/js/myjs/whole.js"></script>
    <style>
        [placeholder] {
            font-family: 'AdobeHeitiStd-Regular';
        }

        input::-webkit-input-placeholder {
            color: #B2B2B2;
            /*font-size: 2.5rem;*/
            /*text-indent: 1.83rem;*/
            font-size: 2.34375vh;
            text-indent: 1.71875vh;
        }

        input:-moz-placeholder {
            　　color: #B2B2B2;
            /*font-size: 2.5rem;*/
            /*text-indent: 1.83rem;*/
            font-size: 2.34375vh;
            text-indent: 1.71875vh;
        }

        input:-moz-placeholder {
            　　color: #B2B2B2;
            /*font-size: 2.5rem;*/
            /*text-indent: 1.83rem;*/
            font-size: 2.34375vh;
            text-indent: 1.71875vh;
        }

        input:-ms-input-placeholder {
            　　color: #B2B2B2;
            /*font-size: 2.5rem;*/
            /*text-indent: 1.83rem;*/
            font-size: 2.34375vh;
            text-indent: 1.71875vh;
        }

        textarea::-webkit-input-placeholder {
            /*font-size: 2.5rem;*/
            font-size: 2.34375vh;
        }

        .text_qu_title {
            position: relative;
            /*margin-left: 3.33rem;*/
            /*padding-top:3.33rem;*/
            margin-left: 3.125vh;
            padding-top: 3.125vh;
            color: #848F99;
            line-height: 4.296vh;
        }

        .div_title_input {
            position: relative;
            /*margin-left: 3.33rem;*/
            /*margin-right: 3.33rem;*/
            /*height: 7.5rem;*/
            /*margin-top: 1.5rem;*/
            height: 7.03125vh;
            margin-left: 3.125vh;
            margin-right: 3.125vh;
            margin-top: 1.40625vh;
            /*padding-top:3.125vh;*/

        }

        .div_title_input input {
            border: 1px solid #E5E5E5;
            width: 100%;
            height: 100%;
            /*font-size: 2.5rem;*/
            /*text-indent: 1.83rem;*/
            font-size: 2.34375vh;
            text-indent: 1.71875vh;
            resize: none;
            outline: none;
        }

        .text_welcome_title {
            position: relative;
            margin-top: 3.125vh;
            /*margin-left: 3.33rem;*/
            margin-left: 3.125vh;
            color: #848F99;
            line-height: 4.296vh;
        }

        .div_textarea {
            position: relative;
            border: 1px solid #E5E5E5;
            /*margin-left:3.33rem;*/
            /*margin-right: 3.33rem;*/
            margin-left: 3.125vh;
            margin-right: 3.125vh;
            /*margin-top: 1.40625vh;*/
            height: 14.0625vh;
        }

        .div_textarea textarea {
            width: 90%;
            height: 10vh;
            /*margin-left: 5%;*/
            /*padding-top:2rem;*/
            /*padding-bottom: 2.67rem;*/
            /*font-size: 2.5rem;*/
            margin: 2.03125vh 5%;
            /*padding-bottom: 2.5vh;*/
            font-size: 2.34375vh;
            resize: none;
            border: 0px;;
            outline: none;
        }

        .div_click_create {
            position: relative;
            /*margin-left: 5rem;*/
            /*margin-right: 5rem;*/
            /*margin-top:3.3rem;*/
            /*height: 5.83rem;*/
            margin-left: 4.6875vh;
            margin-right: 4.6875vh;
            margin-top: 3.125vh;
            height: 5.46875vh;
        }

        .btn_click_Create {
            background: #F58F62;
            width: 100%;
            height: 100%;
            color: #FFFFFF;
            text-align: center;
            line-height: 5.54vh;
            font-size: 2.65625vh;
            /*border-radius: 2rem;*/
            border-radius: 1.875vh;
            border: 0px;
            resize: none;
        }
    </style>
</head>
<body>
<header>
    <div class="header__box tl">

        <img onclick="location.href='index2.html'" src="public/img/basic/back.png"/>
        <span onclick="location.href='index2.html'" class="back">返回</span>

    </div>
    <div class="header__box tc header__box__title">
        编辑问卷
    </div>

    <div class="pop-up">
    </div>
</header>
<section>
    <div class="text_qu_title">
        问卷标题
    </div>
    <div class="div_title_input">
        <input id="questionnaire_name" type="text" placeholder="请输入问卷标题（必填），最多20字"/>
    </div>
    <div class="text_welcome_title">
        欢迎词（问卷开始显示）
    </div>
    <div class="div_textarea">
        <textarea id="questionnaire_welcome" placeholder="请填写欢迎词（非必填），最多50字">
        </textarea>
    </div>
    <div class="div_click_create">
        <div class="btn_click_Create">
            创建
        </div>
    </div>

</section>
</body>
</html>
<script>
    $(function () {
        $("textarea").val('');

        $.getUrlParam = function (name) {
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
            var r = window.location.search.substr(1).match(reg);
            if (r != null) return unescape(r[2]);
            return null;
        };

        //进入页面,首先拿到传过来的questionnaire_id
        var questionnaire_id = $.getUrlParam('questionnaire_id');
        var questionnaire_name = unescape($.getUrlParam('questionnaire_name'));
        var questionnaire_welcome = unescape($.getUrlParam('questionnaire_welcome'));

        if (questionnaire_id) {
            $("#questionnaire_name").val(questionnaire_name);
            $("#questionnaire_welcome").val(questionnaire_welcome);
        }
        else {

        }
//        if (questionnaire_id) {
//            API_Func('/questionnaires/' + questionnaire_id, 'GET', 1, true, function () {
//                $(".btn_click_Create").text('正在加载中');
//
//            }, function (d) {
//
//                if (d.code == 0) {
//                    //添加成功后的逻辑
//                    var data = d.data;
//                    var questionnaire_name = data.questionnaire_name;
//                    var questionnaire_welcome = data.questionnaire_welcome;
//                    $("#questionnaire_name").val(questionnaire_name);
//                    $("#questionnaire_welcome").val(questionnaire_welcome);
//                    $(".btn_click_Create").text('创建');
//                } else {
//                    $(".btn_click_Create").text('创建');
//                }
//            }, function (d) {
//                $(".btn_click_Create").text('创建');
//            });
//        }
//        else {
//
//        }

//        添加问卷
        $(".btn_click_Create").on('click', function () {
            var publish_id = user_id;
            var questionnaire_name = $('#questionnaire_name').val().trim();
            var questionnaire_welcome = $('#questionnaire_welcome').val().trim();
            var questionnaire_status = 0;
            var data = {
                publish_id: publish_id,
                questionnaire_name: questionnaire_name,
                questionnaire_welcome: questionnaire_welcome,
                questionnaire_status: questionnaire_status
            };

            var pop_up = $('.pop-up');

            if (questionnaire_name == "") {
                pop_up_fn(pop_up, '标题不能为空');
                return;
            }
            if (questionnaire_name.length > 20) {
                pop_up_fn(pop_up, '标题字数不能超过20个字');
                return;
            }
            if (questionnaire_welcome.length > 50) {
                pop_up_fn(pop_up, '欢迎词字数不能超过50个字');
                return;
            }

            data.questionnaire_name=HTMLEncode(data.questionnaire_name);
            data.questionnaire_welcome=HTMLEncode(data.questionnaire_welcome);

            //修改问卷
            if (questionnaire_id) {
                //修改-添加questionnaire_id
                data.questionnaire_id = questionnaire_id;
                API_Func('/questionnaires/' + questionnaire_id, 'PUT', data, true, function () {
                    $(".btn_click_Create").text('正在修改...');
                    $(".btn_click_Create").attr("disabled", true);
                }, function (d) {
                    $(".btn_click_Create").text('修改');
                    $(".btn_click_Create").attr("disabled", false);
                    if (d.code == 0) {
                        //添加成功后的逻辑
                        pop_up_fn(pop_up, "问卷修改成功");
                        back_edit(data.questionnaire_id, data.questionnaire_name, data.questionnaire_welcome);
                    } else {
                        pop_up_fn(pop_up, "问卷修改失败");
                    }
                }, function (d) {
                    pop_up_fn(pop_up, '请检查网络');
                });
//                pop_up_fn(pop_up,'不可修改');
//                return;

            }
            //新增问卷
            else {

                API_Func('/questionnaires', 'post', data, true, function () {
                    $(".btn_click_Create").text('正在创建...');
                    $(".btn_click_Create").attr("disabled", true);
                }, function (d) {
                    $(".btn_click_Create").text('创建');
                    $(".btn_click_Create").attr("disabled", false);
                    if (d.code == 0) {
                        //添加成功后的逻辑
                        pop_up_fn(pop_up, "问卷添加成功");
                        var data1 = d.data;
                        back_edit(data1.questionnaire_id, data.questionnaire_name, data.questionnaire_welcome);
                    } else {
                        pop_up_fn(pop_up, "问卷添加失败");
                    }
                }, function (d) {
                    pop_up_fn(pop_up, '请检查网络');
                });

            }

        });
    });

    //跳转修改界面
    function back_edit(questionnaire_id, questionnaire_name, questionnaire_welcome) {

        var url = "edit.html?questionnaire_id=" + questionnaire_id + "&questionnaire_name=" + escape(questionnaire_name) + "&questionnaire_welcome=" + escape(questionnaire_welcome) + "&type=1";
        setTimeout("", 1000);
        location.href = url;
//        setTimeout("location.href='index2.html'",1000);
    }
</script>